$(".h-right li").click(function () {
    if (!$(this).hasClass("active")) {
        $(this).addClass("active")
        $(this).siblings().removeClass("active")
    }
})

window.onload=function () {   
    Rotation()
}

$(window).resize(function () {
    Rotation()
})

function Rotation() {
    let index = 0;
    let width = $(window).width()
    let banner = $(".banner")
    let ul = $(".banner ul")
    let ul_li = $(".banner ul li")
    let ol = $(".banner ol")
    let ol_li = $(".banner ol li")
    let tick
    var last = ul_li.first().clone()
    ul.append(last)

    let li_length = $(".banner ul li").length;
    ul.width(li_length * width)

    $(".banner ul li").width(width)
    let height = $(".banner img").height()
    ul.height(height)
    banner.height(height)
    tick = setInterval(function () {
        if (index == li_length - 1) {
            index = 0
            ul.css("left", 0)
        }
        index++
        swiper()

    }, 3000);
    ol_li.hover(
        function () {
            clearInterval(tick)
        },
        function () {
            tick = setInterval(function () {
                if (index == li_length - 1) {
                    index = 0
                    ul.css("left", 0)
                }
                index++
                swiper()

            }, 3000);
        }
    )
    ol_li.click(function () {
        index = $(this).index()
        swiper()
    })


    function swiper() {
        ul.animate({
            left: -(width * index) + "px"
        })
        ol_li.removeClass("active2")
        if (index == 3) {
            ol_li.eq(0).addClass('active2')
        } else {
            ol_li.eq(index).addClass("active2")
        }
    }
}

//跳转事件
$(".h-left img").click(function () {
    $(window).scrollTop(0)
})
// let b3up = document.getElementsByClassName("b-3-up")
// console.log(document.getElementsByClassName("b-3-up")[0].scrollHeight)

// console.log($(".b-3-up").offset().top) //元素距离页面顶端距离
// console.log($(window).scrollTop()) //当前窗口距离页面顶端距离
$(".h-right ul li:nth-child(1)").click(function () {
    $(window).scrollTop(0)
})
$(".h-right ul li:nth-child(2)").click(function () {
    $(window).scrollTop(1000)
})
$(".h-right ul li:nth-child(3)").click(function () {
    $(window).scrollTop(2000)
})
$(".h-right ul li:nth-child(4)").click(function () {
    $(window).scrollTop(3000)
})
$(".h-right ul li:nth-child(5)").click(function () {
    $(window).scrollTop(4000)
})
$(".h-right ul li:nth-child(6)").click(function () {
    $(window).scrollTop(5000)
})

// function tiaozhuan() {
//     let windowTop = $(window).scrollTop()
//     console.log(windowTop)
//     if (windowTop > 1) {
//         setTimeout(function () {
//             $(window).scrollTop(windowTop / 2)
//         }, 3000)
//         tiaozhuan()
//     } else {
//         $(window).scrollTop(0)
//     }
// }